:host ::ng-deep {
  .avatar-uploader > .ant-upload {
    width: 100px;
    height: 100px;
  }
}

.upload-wrap {
  box-sizing: border-box;

  .upload-dl {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  
    dd {
      box-sizing: border-box;
      position: relative;
      width: 100px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border: 1px solid #f5f5f5;
      margin-right: 8px;
      margin-bottom: 8px;
      background: #EBEBEB;
      border-radius: 4px;
  
      .img-del {
        box-sizing: border-box;
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 2;
        width: 22%;
        height: 22%;
        font-size: 12px;
        color: #F00;
        background: #C0C4CC;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}